<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>字符串模板</title>
</head>
<body>
<script>

  {
    let MrGu = "谷国栋";
    let blog = "很高兴欢迎"+ MrGu +"字符串模版的出现让我们再也不用拼接变量了，而且支持在模板里有简单计算操作";
    document.write(blog+"<br />");
  }
  {
    let MrGu = "--谷国栋--";
    let blog = `很高兴欢迎${ MrGu }字符串模版的
                <hr />
                出现让我们再也不用拼接变量了，而
                <hr />
                且支持在模板里有简单计算操作.<hr />`;
    document.write(blog+"<br />");
  }
  {
    let a = 1;
    let b = 2;
    let result1 = `${ a }+${ b }`;
    let result = `${ a + b }`;
    document.write(result1+"<br />")
    document.write(result+"<br />")
  }

  {
    let MrGu = "谷国栋";
    let blog = "很高兴欢迎谷国栋字符串模版的出现让我们再也不用拼接变量了，而且支持在模板里有简单计算操作";
    document.write( blog.indexOf(MrGu)>0);
    document.write(blog.includes(MrGu)); // es6 blog.includes(MrGu); 判断blog中是否存在MrGu这个字符串，返回true/false
    document.write( blog.startsWith(MrGu)); // es6 判断 开头 有没有MrGu这个字符串
    document.write( blog.endsWith(MrGu)); // es6 判断 结尾 有没有MrGu这个字符串
  }
  {
    document.write('MrGu|'.repeat(3)); // strings.repeat(number) 复制strings
  }

</script>
</body>
</html>